<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  title="音频上传" width="1000px" class="dialogStyleBase" :visible.sync="boxVisible" :before-close="editBoxCancel">

    <div class="main" v-loading="loading">
        <el-alert :title="'视频大小不超过'+maxSizeText+'，支持'+accept+'格式。'" type="warning" :closable="false" style="margin-bottom:20px;"></el-alert>
        <el-form ref="editForm" :model="form" label-width="100px" label-position="left">

            <el-form-item label="所在分组">
                <el-select v-model="albumId" placeholder="请选择">
                    <el-option v-for="item in groupList" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
                </el-select>
            </el-form-item>

            <el-form-item label="视频名称">
                <el-input v-model="audioName" />
            </el-form-item>

            <el-form-item label="视频上传">
                <div class="ul">

                    <div class="add" v-if="!fileItem">
                        <div class="d">
                            <i class="el-icon-upload"></i>
                            <div class="t">选择上传文件</div>
                        </div>
                        <input type="file" ref="clearFile" @change="getFile($event)" multiple="multiplt"
                            :accept="accept">
                    </div>



                    <div v-if="fileItem" class="li">


                        <audio class="audioHide" controls="controls" :src="fileItem.url"></audio>

                    </div>

                    <div v-if="fileItem" class="li">


                        <!-- <div>名称：{{fileItem.name}}</div>
                        <div>状态：{{fileItem.isLoad}}</div>
                        <div>大小{{fileItem.size}}kb</div>
                        <div>长度{{fileItem.duration}}</div> -->
                        <div class="del" @click="delRes(index)"><i class="el-icon-delete-solid"></i></div>
                    </div>

                </div>
            </el-form-item>


        </el-form>




    </div>

    <div slot="footer">
        <el-button :disabled="loading"  @click="editBoxCancel()">取 消</el-button>
        <el-button :disabled="loading || !fileItem"  type="primary" @click="submit()">上传</el-button>
    </div>

</el-dialog>